 
/*##########*/
/*RIBBON STYLE MENU*/
/*##########*/
.menuIcons {
    width: 550px;
    background: whitesmoke;
    outline: 1px solid #013d98;
}

.iconTabs {
    position: absolute !important;
    top: 0 !important;
    left: 0px !important;
    right: 0px !important;
    border: none !important;
}

.menuPin {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding: 2px;
    margin-right: 5px;
    background: #4D749E;
    border-radius: 2px;
}
    .menuPin:hover {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        /* IE10 Consumer Preview */
        background-image: -ms-linear-gradient(top, #EDF4FF -20%, #1D68B3 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, #EDF4FF -20%, #1D68B3 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, #EDF4FF -20%, #1D68B3 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDF4FF), color-stop(1, #1D68B3));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, #EDF4FF 0%, #1D68B3 100%);
        /* W3C Markup, IE10 Release Preview */
        background-image: linear-gradient(to bottom, #EDF4FF -20%, #4D749E 100%);
        box-shadow: 0 0 0 1px #1D68B3;
    }

#headerDiv .ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

/*MENU TABS*/
.iconTabs {
    padding: 0 !important;
    margin: 0 !important;
}

    .iconTabs > ul li:not(:first-child) {
        margin-top: 15px;
    }

    .iconTabs > ul {
        border: none;
        padding: 0 !important;
        margin: 0 !important;
    }

        .iconTabs > ul > li:hover:not(:first-child) > a {
            /* IE10 Consumer Preview */
            background-image: -ms-linear-gradient(top, #EDF4FF -20%, #4D749E 100%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(top, #EDF4FF -20%, #4D749E 100%);
            /* Opera */
            background-image: -o-linear-gradient(top, #EDF4FF -20%, #4D749E 100%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDF4FF), color-stop(1, #4D749E));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(top, #EDF4FF 0%, #4D749E 100%);
            /* W3C Markup, IE10 Release Preview */
            background-image: linear-gradient(to bottom, #EDF4FF -20%, #4D749E 100%);
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            color: whitesmoke !important;
        }

        .iconTabs > ul > li:not(:first-child) {
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            color: whitesmoke !important;
        }

.menuContent, .menuIcons {
    width: 100%;
    background: whitesmoke;
}

.iconTabs > ul > .ui-state-active {
    background: whitesmoke;
}

.iconTabs > ul > li.ui-tabs-active:hover > a {
    background-image: none !important;
    color: #555 !important;
}

#headerDiv > div > ul {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, #CCCCCC 0%, #013D98 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #CCCCCC 0%, #013D98 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #CCCCCC 0%, #013D98 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CCCCCC), color-stop(1, #013D98));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #CCCCCC 0%, #013D98 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, #CCCCCC 0%, #013D98 100%);
}

.iconTabs > ul > li.ui-state-default {
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom left, #F2F2F2 0%, #999999 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom left, #F2F2F2 0%, #999999 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom left, #F2F2F2 0%, #999999 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #F2F2F2), color-stop(1, #999999));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom left, #F2F2F2 0%, #999999 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #F2F2F2 10%, #999999 300%);
}

.menuIcons {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #F2F2F2 0%, #999999 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #F2F2F2 0%, #999999 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #F2F2F2 0%, #999999 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #999999));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #999999 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #999999 200%);
}

li.ui-tabs-active {
border-color: #013d98 !important;
}

/*bleeding the background gradient*/
#headerDiv, #headerDiv > div:not(.menuPin), #headerDiv > div > ul {
    background:none !important;
}
.ui-layout-north {
    /*background-image: linear-gradient(to right, #CCCCCC 0%, #013D98 100%) !important;*/
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(right, #CCCCCC 0%, #285CAA 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(right, #CCCCCC 0%, #285CAA 100%);

/* Opera */ 
background-image: -o-linear-gradient(right, #CCCCCC 0%, #285CAA 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #CCCCCC), color-stop(1, #285CAA));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(right, #CCCCCC 0%, #285CAA 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to left, #CCCCCC 0%, #285CAA 100%);
}

/*##########*/
/*MENU ICONS*/
/*##########*/

.menuIcons {
    width: 100%;
    outline: 1px solid #013d98;
}

.iconWrap {
    margin: 2px;
    padding: 2px;
    cursor: pointer;
}

    .iconWrap:hover {
        border-radius: 3px;
        box-shadow: 0 0 0 1px #1D68B3;
        /* IE10 Consumer Preview */
        background-image: -ms-linear-gradient(top, #EDF4FF 0%, #4D749E 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, #EDF4FF 0%, #4D749E 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, #EDF4FF 0%, #4D749E 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDF4FF), color-stop(1, #4D749E));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, #EDF4FF 0%, #4D749E 100%);
        /* W3C Markup, IE10 Release Preview */
        background-image: linear-gradient(to bottom, #EDF4FF 0%, #4D749E 100%);
    }

        .iconWrap:hover div {
            /*color:#1D68B3;*/
            color: whitesmoke;
        }

.iconWrap, .iconGroup {
    display: inline-block !important;
}

.iconWrap img {
width: 32px;
height: 32px;
}

    .iconWrap img, .iconWrap div {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        color: #05274D;
    }

.iconGroup {
    border-right: 2px solid #B9C2DA;
    padding: 2px;
    margin: 2px;
}


.iconWrap div, .menuPin, .menuPin:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.iconDisable, .iconDisable:hover, .iconDisable:hover > div{
    cursor: default;
    background:none;
    background-image:none;
    outline:none;
    border:none;
    box-shadow:none;    
    color:#05274D;
}

.iconWrap.about {
padding-left: 12px;
padding-right: 12px;
}


/*###########*/
/*10ZIG LOGO TOP RIGHT HEADER*/
/*###########*/
#headerDiv > img {
    position: absolute;
    right: 15px;
    top: 1px;
    height: 40px;
}